﻿ @{
     List<Traviesuras.Models.clsMenu> lst = new List<Traviesuras.Models.clsMenu>();
     Traviesuras.Models.clsUsuario user = new Traviesuras.Models.clsUsuario();
     lst=(List<Traviesuras.Models.clsMenu>)Session["menu"];
     user = (Traviesuras.Models.clsUsuario)Session["usuario"];

 }   

<style>
    #dialog label, #dialog input { display:block; }
	#dialog label4 { margin-top: 0.5em; }
	#dialog input, #dialog textarea { width: 95%; }
	#tabs { margin-top: 1em; }
	#tabs li .ui-icon-close { float: left; margin: 0.4em 0.2em 0 0; cursor: pointer; }
	#add_tab { cursor: pointer; }
</style>


    <div id="slidemenu">
        <div id="profile">
            @{if (user.clsPersona != null){
                  Session["aux"] = user.clsPersona.imagen;
                <img src="@Url.Action("GetPhoto", "Usuario")" width="60px" height="60px">
                <div class="profile_info"><strong>@user.clsPersona.nombres_completos</strong><br><small>@user.clsPersona.email</small></div>
              }
              else {
            <img src="~/Content/menu/img/tegan.jpg">
            <div class="profile_info"><strong>@user.nombre_usuario</strong><br><small>@user.nombre_usuario</small></div>
              } }
        </div>

        @foreach (var item in lst.Where(q=>q.id_sub_menu==null).ToList())
        {
            if (item.id_sub_menu == null) 
            { 
                <h3>@item.nombre</h3>
            } 
                <ul>
                    @foreach (var item2 in lst.Where(q=>q.id_sub_menu==item.id_menu).ToList())
                    {
                        <li><a href="#" onclick="addTab('@item2.nombre','@item2.direccion')"><img src="~/Content/menu/img/smico3.png">@item2.nombre </a></li>
                    }
                </ul>
        }

        <h3>Configuracion</h3>
        <ul>
             <li><a href="#" onclick="cerrar()"><img src="~/Content/menu/img/smico6.png">Cerrar Sesion</a></li>
        </ul>
    </div>


            @Html.Partial("APPForm")
<script>
    //$(function () {
        var 
			tabTemplate = "<li><a href='#{href}' class='ui-tabs-anchor ui-link'>#{label}</a> <span class='ui-icon ui-icon-close' role='presentation'>Remove Tab</span></li>",
			tabCounter = 2;

        var tabs = $("#tabs").tabs();
        tabo = tabs;
        //tabs.find(".ui-tabs-nav").sortable({
        //    axis: "x",
        //    stop: function () {
        //        tabs.tabs("refresh");
        //    }
        //});

        // actual addTab function: adds new tab using the input from the form above
        function addTab(nombre,url) {
            var label = "<b>"+nombre+"</b>",
				id = nombre+tabCounter,
				li = $(tabTemplate.replace(/#\{href\}/g, "#" + id).replace(/#\{label\}/g, label)),
				tabContentHtml = "<iframe id='" + tabCounter + "' src='" + url + "'style='border:none;width:100%;height:480px;display:normal;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;'></iframe>";

            tabs.find(".ui-tabs-nav").append(li);
            tabs.append("<div id='" + id + "' style='margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;'>" + tabContentHtml + "</div>");
            tabs.tabs("refresh");

            tabCounter++;
        }

        // addTab button: just opens the dialog
        $("#add_tab")
			.button()
			.click(function () {
			    addTab();
			});
			

        // close icon: removing the tab on click
        tabs.delegate("span.ui-icon-close", "click", function () {
            var panelId = $(this).closest("li").remove().attr("aria-controls");
            $("#" + panelId).remove();
            tabs.tabs("refresh");
        });

        tabs.bind("keyup", function (event) {
            if (event.altKey && event.keyCode === $.ui.keyCode.BACKSPACE) {
                var panelId = tabs.find(".ui-tabs-active").remove().attr("aria-controls");
                $("#" + panelId).remove();
                tabs.tabs("refresh");
            }
        });
    //});





    //log off
    function cerrar() {
        if (confirm("Desea Cerrar Sesion?")) {
            window.open('@Url.Action("LogOut", "Login")', '_parent', '', '');
        }
    }
</script>